<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/register.css">
    <link rel="stylesheet" href="../font/iconfont.css">
</head>

<body>
    <div class="header">
        <a href="" class="logo">
            <img src="../image_login/1.png" alt="">
        </a>
        <div class="logo_title">欢迎注册</div>
        <div class="have_content">已有账号 ?
            <a href="">请登录></a>
        </div>
    </div>
    <div class="container">
        <div class="bigbox">
            <div class="progress">
                <div class="pro_step1">
                    <span>1</span>
                    <i>验证手机号</i>
                </div>
                <div class="pro_step2">
                    <span>2</span>
                    <i>填写账号信息</i>
                </div>
                <div class="pro_step3">
                    <span>3</span>
                    <i>注册成功</i>
                </div>
            </div>

            <div class="sel_country">
                <input type="text" class="sel_country" placeholder="建议使用常用手机号" id="pNumber">
                <div class="sel">
                    <i>中国 0086</i>
                    <span class="iconfont iconjiantou"></span>
                </div>
                <p id="warning">
                    手机号(13--)
                </p>
            </div>

            <div class="slide">
                点击按钮进行验证
            </div>

            <div id="next_step1">
                下一步
            </div>
        </div>
    </div>

    <div class="container1">
        <div class="bigbox">
            <div class="progress">
                <div class="pro_step1">
                    <span>1</span>
                    <i>验证手机号</i>
                </div>
                <div class="pro_step2">
                    <span>2</span>
                    <i>填写账号信息</i>
                </div>
                <div class="pro_step3">
                    <span>3</span>
                    <i>注册成功</i>
                </div>
            </div>

            <fieldset class="box">
                <legend>注册</legend>
                <input type="text" id='un' size=30>
                <p class='tip'>6-18个字符，可使用字母，数字，下划线，要以字母开头</p>
                <input type="text" id='pw' size=30>
                <p class='tip'>6-16个字符，区分大小写</p>
                <input type="button" value='返回上一步' class='btn' id='btn'>
                <a href="./login.html">去登陆页</a>
            </fieldset>

            <div id="next_step2">
                下一步
            </div>

        </div>
    </div>

    <div class="container2">
        <div class="bigbox">
            <div class="progress">
                <div class="pro_step1">
                    <span>1</span>
                    <i>验证手机号</i>
                </div>
                <div class="pro_step2">
                    <span>2</span>
                    <i>填写账号信息</i>
                </div>
                <div class="pro_step3">
                    <span>3</span>
                    <i>注册成功</i>
                </div>
            </div>

            <p>注册成功,3s后为您跳转到登录界面。。。</p>
        </div>
</body>
<script src="../js/jquery-1.12.4.min.js"></script>
<script src="../js/register_jQuery.js"></script>

</html>